<script setup>
import HelloWorld from './components/HelloWorld.vue';
import Vmodel from './components/Vmodel.vue';
import BasicCommand from './components/BasicCommand.vue';
import LocalComDemo from './components/LocalComDemo.vue';
import ParentCom from './components/ParentCom.vue';
import SlotCom from './components/SlotCom.vue';
import SlotName from './components/SlotName.vue';
import Father from './components/Father.vue';
import Demo from './components/Demo.vue';
import lianxi from './components/lianxi.vue';
import router from './router';






</script>

<template>
    <ul>
        <li>
            <router-link to="/home">Home</router-link>
        </li>
        <li>
            <router-link to="/about">About</router-link>
        </li>
        <li>
            <router-link to="/user">用户中心</router-link>
        </li>
        <li>
            <router-link to="/vuex">Vuex</router-link>
        </li>
        <li>
            <router-link to="/element">Element</router-link>
        </li>
        <li>
            <router-link to="/list-demo">list-demo</router-link>
        </li>
        <li>
      <router-link to="/account-list">Account-list</router-link>
        </li>
    </ul>
    <div>
        <router-view></router-view>
    </div>
    <!-- <HelloWorld msg="You did it" /> -->
    <!-- <Vmodel /> -->
    <!-- <BasicCommand />
    <GlobalComDemo />

    <LocalComDemo />

    <ParentCom /> 


    <SlotCom>
        <p>这是来自父组件的内容</p>
    </SlotCom>
    <SlotName>
        <template v-slot:header>
            <p>这是要放入header的内容</p>
        </template>
        <template v-slot:footer>
            <p>这是要放入footer的内容</p>
        </template>
    </SlotName>


    <Father /> -->
    <!-- <Demo /> -->
    <!-- <lianxi /> -->


</template>